<template>
  <h2>生命周期的改写</h2>
</template>

<script setup>
import { onMounted } from "vue";

onMounted(() => {
  console.log(123);
});
</script>

<!-- <script>
生命周期也需要从vue里面解构出方法,前面要加on
里面要传入一个回调函数
这里的生命周期是可以重复调用的，可以给每一个功能都添加这个生命周期

创建的两个生命周期 beforeCreated和created 没有了
如果想在创建的时候做一些事，可以直接在setup里面执行
import { onMounted } from "vue";
export default {
  setup() {
    // console.log(555);

    onMounted(() => {
      console.log(123);
    });

    onMounted(() => {
      console.log(456);
    });
  },
};
</script> -->
